<template>
  <div id="app" class="fit">
    <el-container class="fit">
      <el-header style="background-color:#569cd6;height:64px">
        <span style="font-size:22px;line-height:64px;color:#fff">学生管理系统</span>
      </el-header>
      <el-container style="height:calc(100% - 64px)">
        <el-aside width="200px" class="fit"><SideBar/></el-aside>
        <el-main class="fit"><router-view></router-view></el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import SideBar from './components/SideBar.vue'
export default {
  components:{
    SideBar
  }
}
</script>

<style>
html,body{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
.fit{
  height:100%;
}
</style>
